<template>
	<div class="showbox">
		<div>
		<router-link :to="`/FaleRouter/${shopid}`"><img :src="path" width="355" height="168"></router-link>		
		</div>	
		<!-- fontfontfontfontfontfontfontfontfontfontfontfontfontfontfont -->
		<div class="font">
			<span class="f1">{{text}}</span>
			<br>
			&nbsp;&nbsp;&nbsp;<span class="f2"><span class="f3">3</span>折封顶</span>
		</div>
	</div>
</template>

<script>
	export default {
		
		props: ['text','path',"shopid"],



	}
</script>

<style scoped>
	.showbox {
		width: 100%;
		height: 246px;
		border-radius: 10px;
		background-color: #F2F3F4;
	}
	.showbox img {
		border-radius: 10px;
	}
	.f1 {
		font-size: 14px;
		font-weight: 700;
	}

	.f2 {
		font-size: 12px;
	}

	.f3 {
		color: red;
	}

	.font {
		text-indent: 1em;
	}
</style>
